body {
  width: 100%;
  overflow: scroll;
  background:url(../images/zx_bg.gif) repeat;
}
.fl{
 float: left;	
}
.fr{
	float:right;
}
#top{
	width: 100%;
	margin: 0px auto;
	height: 110px;
	background: #ffffff;
}
.tops{
	width: 1200px;
	margin: 0 auto;
}
#top ul {
	width: 1200px;
	height: 110px;
	margin: 0px auto;
}
#top li {
	display: block;
	float: left;
}
#top .logo {
	width: 420px;
	height: 90px;
	padding-top: 20px;
	text-align: left;
}
#top .taobao{padding-top:30px; line-height:35px; font-size:18px; font-weight:bold; }
#top .taobao img{border-radius:5px;}
#top .logo span{height:47px; line-height:47px; font-size:20px; font-weight:500;}
#top .nav {
	width:300px;
	height: 80px;
	padding-top: 20px;
	text-align: right;
	float:right;
}
#top .nav IMG {
	margin-top: 15px;
}
#menu {
	background: url(../images/menu.png) no-repeat top center;
	width: 1200px;
	height: 50px;
	position: absolute;
	z-index: 9;
	left:45%;
	margin: -25px 0px 0px -510px;
}
#menu ul {
	width: 1200px;
	height: 43px;
	line-height: 43px;
	margin: 2px auto 0px auto;
}
#menu li {
	display: block;
	float: left;
	width: 171px;
	height: 43px;
}
#menu a {
	color: #ffffff;
	font-size: 16px;
	font-family: "微软雅黑";
	text-align: center;
	display: block;
}
#menu a:hover, #menu a:active, #menu a.A {
	color: #ffffff !important;
	cursor: pointer;
	background: url(../images/menu_a.jpg) no-repeat center bottom;
}
#menu .current {
	color: #ffffff;
	background: url(../images/menu_current.png) no-repeat center bottom;
	font-size: 16px;
	font-family: "微软雅黑";
	text-align: center;
	display: block;
}
#menuson {
	position: relative;
	width: 960px;
	margin: 0px auto;
	z-index: 99;
}
#menuson .sub {
	background: url(../images/menu_sonbg.png) no-repeat top center;
	width: 960px;
	position: absolute;
	z-index: 999;
	height: 0px;
	overflow: hidden;
	margin-top: 22px;
	text-align: left;
	left:0;
}
#menuson a {
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	color: #005ece;
	font-size: 12px;
	margin-left: 10px;
}
#menuson a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#menuson img {
	margin: 13px 0px;
	float: left;
}
#menuson #sm0 img {
	margin-left: 210px;
}
#menuson #sm1 img {
	margin-left: 370px;
}
#menuson #sm2 img {
	margin-left: 530px;
}
#menuson #sm3 img {
	margin-left: 690px;
}

.s_bg { background:url(../images/s_bg.gif) no-repeat center 0; height:55px; line-height:55px;}
.h_ser { margin:0 auto; width:1200px;}
.s_inp {  margin-top:11px;}
.s_inp .inp01 { background:url(Img/Common/s_inp.gif) no-repeat; width:207px; height:30px; line-height:30px; padding:0 3px 0 37px; border:none; float:left; font-size:12px; color:#333; font-family:"Microsoft YaHei";}
.h_ser p { float:left; width:610px; overflow:hidden; margin:0px;}
.h_ser p a { padding:0 6px;}
.search{width: 273px;height:30px;float:right;overflow:hidden;border:1px solid #fff;z-index: 8;background: #e8e8e8;}
.search .txt{float:left;padding-left: 10px;color: #999;border-style: none;border-width: 0px;height: 30px;line-height: 30px;width: 113px;font-size: 12px;background: none;}
.search .btn{float: right;width:24px;height:30px;border-style:none;border-width: 0px;background: url(../images/arr_search.gif) 0px 7px no-repeat;cursor: pointer;}

.banner{
	position: relative;
	text-align: center;
	width: 100%;
	height: 580px;
}

@media only screen and (max-width:1680px){
   .banner{height: 580px;}
}

@media only screen and (max-width:1600px){
   .banner{height: 514px;}
}

@media only screen and (max-width:1440px){
   .banner{height: 445px;}
}

@media only screen and (max-width:1366px){
   .banner{height: 435px;}
}
@media only screen and (max-width:1280px){
	.banner{height: 400px;}
}
@media only screen and (max-width:1024px){
	.banner{height: 400px;}
}
@media only screen and (max-width:1199px){
   .banner{height: 360px;}	
}
/*.banner .pn{
	width: 1380px;
	margin: 0 auto;
	position: relative;
	z-index: 6;
}
.banner .prev{
	position: absolute;
	width: 37px;
	height: 100%;
	top: 0px;
	left: 0px;
	background: url(../images/pn.png) 0px center repeat-x;
	cursor:pointer;
}
.banner .prev:hover{
	background: url(../images/pn1.png) 0px center repeat-x;
}*/
/*.banner .next{
	position: absolute;
	width: 37px;
	height: 100%;
	top: 0px;
	right: 0px;
	background: url(../images/pn1.png) 37px center repeat-x;
	cursor:pointer;
}
.banner .next:hover{
	background: url(../images/pn.png) 37px center repeat-x;
}*/
.banner .pic {
	position: relative;
	width: 100%;
	height: 100%;
}
.banner .pic li{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	left: 0;top:0;
	z-index: 1;
	background-repeat: no-repeat;
	/*opacity: 0;
	filter: alpha(opacity=0);*/
}
#Banner .btn {
	position: absolute;
	width: 100%;
	height: 35px;
	bottom: 0;
	left: 0;
	z-index: 5;
}
#Banner .btn li{
	width: 14px;
	height: 14px;
	line-height: 9px;
	color: #fff;
	display: inline-block;
	background: url(../images/btn1.png) center no-repeat;
	overflow: hidden;
	margin-right: 7px;
	overflow: hidden;
	border-radius: 50%;
}
#Banner .btn li{
	*display: inline;
}
#Banner .btn li.selected{
	background: url(../images/btn2.png) center no-repeat;
}


.main{width:1200px; background:#fff; margin:10px auto; box-shadow:1px 1px 10px #666; -moz-box-shadow:1px 1px 10px #666;-webkit-box-shadow:1px 1px 10px #666;}
.main_box{width:1200px;display:table;}
.about_box{width:1160px; padding:0px 20px; display:table;}
.about_left{width:850px; float:left; background:url(../images/line.png) right center no-repeat;}

.about_title{width:1140px; height:40px; line-height:40px; float:left;}
.title_left{float:left;}
.title_left strong{height:16px; line-height:16px; font-size:16px; font-weight:bold; background:url(../images/title_ico.png) left center no-repeat; color:#005ece;margin-top:20px; padding-left:20px;}
.title_left em{color:#ccc;font-size:14px; font-family:"Arial";}
.title_right{float:right; margin-top:10px; height:20px;}
.about_c{width:850px; float:left; line-height:28px; height:160px; overflow:hidden;}
.about_c_left{width:232px; float:left; margin-top:10px; margin-right:30px;}
.about_c_right{width:550px; float:left; margin-top:10px; color:#666;}
.about_right{width:275px;float:right; padding: 10px 0px;}
.about_right ul{margin:0px; padding:0px;}
.about_right ul li{width:279px; height:60px; float:left; margin-bottom:10px;}
.about_right ul li.mb0{margin-bottom:0px;}

.news_box{width:880px; float:left; padding-right:10px; margin-left:20px;background:url(../images/line.png) right center no-repeat;}
.news_left{width:240px; margin-right:10px;float:left;}
.news_left a{display:table; background:#e8e8e8;}
.news_left a:hover{background:#ccc;}
.news_pic{width:240px; height:170px; float:left; overflow:hidden;}
.news_pic img{width:240px;}
.news_text{width:240px; height:90px; float:left; line-height:24px; color:#666;}
.news_text strong{width:230px; height:28px; line-height:28px; font-size:14px; font-weight:bold; color:#282828; float:left; padding:0px 5px; overflow:hidden;}
.news_text span{width:230px; height:58px; line-height:20px;  padding:0px 5px; overflow:hidden; float:left;}
.news_right{width:610px; float:left;}
.ideaboxNews>ul {
	padding: 0;
	margin: 0;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	list-style: none;
	display: block;
	overflow: hidden;
	height: auto;
}
.ideaboxNews>ul li {
	display: block;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	margin-bottom:10px;
}
.ideaboxNews>ul li:nth-child(4){margin-bottom:0px;}
.ideaboxNews>ul li:hover {
	background: #DDD;
}
.ideaboxNews>ul li:hover .in-image>span {
	width: 86px;
}
.ideaboxNews>ul li:hover .in-image>span>h6 {
	opacity: 0.8;
}
.ideaboxNews>ul li>.in-image {
	width: 86px;
	height: 80px;
	position: absolute;
	background: #00F;
	overflow: hidden;
}
.ideaboxNews>ul li>.in-image> img{width: 80px;height: 80px; position:relative;}
.ideaboxNews>ul li>.in-image>.data {
	width: 80px;
	height: 80px;
	position: absolute;
	background:#005ece;
	font-family:"Arial";
}
.ideaboxNews>ul li>.in-image>.data strong {
	width: 80px;
	height: 50px;
	line-height:50px;
	font-size:32px;
	font-weight:bold;
	text-align:center;	
	color:rgba(255,255,255,0.9);
	float:left;
}
.ideaboxNews>ul li>.in-image>.data em {
	width: 80px;
	height: 30px;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	text-align:center;	
	color:rgba(255,255,255,0.9);
	float:left;
}
.ideaboxNews>ul li>.in-image>span {
	position: absolute;
	right: 0;
	width: 6px;
	height: 100%;
	background: #005ece;
	text-align: center;
	padding-top: 30px;
	box-sizing: border-box;
}
.ideaboxNews>ul li>.in-image>span>h6 {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	opacity: 0;
	color: #FFF;
}
.ideaboxNews>ul li>.in-image>span>h6 a{color:#fff;}
.ideaboxNews>ul li>.in-content {
	width: 100%;
	height: 80px;
	box-sizing: border-box;
	padding: 0px 0px 0px 96px;
	position: relative;
}
.ideaboxNews>ul li>.in-content>h2 {
	padding: 0;
	margin: 0;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
	opacity: 0.8;
	display: block;
	text-transform: uppercase;
	font-weight:bold;
}
.ideaboxNews>ul li>.in-content>h2 a{color:#282828;}
.ideaboxNews>ul li>.in-content>span {
	font-size: 12px;
	opacity: 0.6;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
	margin-top: 4px;
	text-transform: uppercase;
}
.ideaboxNews>ul li>.in-content>div {
	padding: 0;
	margin: 0;
	font-size: 12px;
	height: 44px;
	display: block;
	margin-top: 6px;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
	opacity: 0.8;
	color:#666;
}
.ideaboxNews>ul li>.in-content>div a{color:#666;}

.in-easing li, .in-easing .in-image span {
	transition: .15s linear;
	-moz-transition: .15s linear;
	-webkit-transition: .15s linear;
}
.in-easing .in-image span h6 {
	transition: .35s linear;
	-moz-transition: .35s linear;
	-webkit-transition: .35s linear;
}

.contact_box{width:260px; float:right;}
.contact_box p{ margin:6px 0px; color:#666;}
.contact_box p strong{color:#333;}
.contact .address{background:url(../images/address.png) left 5px no-repeat; padding-left:20px; }
.contact .tel{background:url(../images/dianhua.png) left center no-repeat; padding-left:20px; }
.contact .chuanzhen{background:url(../images/chuanzhen.png) left center no-repeat; padding-left:20px; }
.contact .email{background:url(../images/email.png) left center no-repeat; padding-left:20px; }
.contact .web{background:url(../images/web.png) left center no-repeat; padding-left:20px; }
.dianhua {background: url(../images/Teln.gif) no-repeat scroll 0 18px transparent;color: #666666;line-height: 20px;padding: 10px 0 10px 55px;}
.dianhua span {display: block;font: 18px "Impact";color:#0d4365;}

.wapper{width:1160px;margin:0 auto;margin-bottom:20px;overflow:hidden;padding: 0 20px;} 		
.wapper ul{ }		
.wapper li{float:left;margin-right:22px; margin-top:20px; width:212px;height:205px;background:rgba(255,255,255,1);color:#fff;text-align:center;font-weight:bold;display:inline-block; border:1px solid #e8e8e8;}
.wapper li:nth-child(5){margin-right:0px;}
.wapper li:nth-child(10){margin-right:0px;}
.wapper li .pic{margin:10px 0 10px 0;}
.wapper li .title{margin:0 10px 2px}
.wapper li .title a{color:#333;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;_zoom:1; font-size:14px;}
.wapper li .desc{margin:0 10px 10px;height:36px; line-height:18px;font-size:12px;text-align:center;text-overflow:ellipsis;overflow:hidden;_zoom:1;color:#b0b0b0; font-weight:100;}	
.wapper li .price{margin:0 10px 14px;font-weight: 100;}		
.wapper li .price a{color:#005ece;}	
.wapper li{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}
.wapper li:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;
}

.link{width:1200px; display:table; padding-bottom:10px;}
.link ul{margin:0px; padding:0px;}
.link ul li{margin:5px 15px; height:20px;line-height:20px; float:left;}
.link ul li:first{border-left:0px;}
.link ul li a:hover{color:#005ece;}
.bottom{width:100%; height:100px; margin-top:20px; border-top:1px solid #ccc; background-color:#f4f4f4;display: inline-table;}
#boot {
	width: 1200px;
	height: 100px;
	line-height: 24px;
	margin: 0px auto;
	text-align: left;
	padding: 10px 0px 20px 0px;
	color: #4a4a4a;
	
}
#boot .text{
	display:block;
	float:left;
	width:740px;
	height: 60px;
    line-height: 30px;
    padding-top: 10px;
    margin-left: 30px;	
}
#boot .dimensionalcode{
	display:block;
	float:right;
	width:100px;
	height:100px;
	cursor:pointer;
	text-align:center;
	 margin-right: 30px;	
}
#boot #dimensional {
	position: absolute;
	z-index: 1001;
	display: none;
	overflow: hidden;
	width:840px;
	left:50%;
	margin:-100px 0px 0px -450px;
	text-align:right;
}



#boot .nav {
	color: #333;
}
#boot .nav a {
	color: #333;
	font-weight:bold;
}
#boot .nav a:hover {
	text-decoration: underline;
}

.tabs {
    position: relative;
	float:left;
	width: 610px;
	margin-top:-46px;
}

.tabs input {
	position: absolute;
	z-index: 1000;
	width: 120px;
	height: 40px;
	left: 0px;
	top: 0px;
	opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	cursor: pointer;
}
.tabs input#tab-2{
	left: 120px;
}


.tabs label {
	background: #e8e8e8;
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
    float: left;
	display: block;
	width: 80px;
	color: #005ece;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    border-radius: 3px 3px 0 0;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
	margin-bottom:5px;
}

.tabs label:after {
    content: '';
	background: #fff;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	display: block;
}

.tabs input:hover + label {
	background: #ccc;
}

.tabs label:first-of-type {
    z-index: 4;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}

.tab-label-2 {
    z-index: 3;
}


.tabs input:checked + label {
    background: #fff;
	z-index: 6;
	
    -webkit-animation: page 0.2s linear;
    -moz-animation: page 0.2s linear;
    -ms-animation: page 0.2s linear;
    -o-animation: page 0.2s linear;
    animation: page 0.2s linear;
}

.clear-shadow {
	clear: both;
}

.content {
    background: #fff;
	position: relative;
    width: 100%;
	height: 270px;
	z-index: 5;
	overflow: hidden;
	margin-left: 10px;
}

.content-1, .content-2 {
    position: absolute;
	top: 0;
	z-index: 1;
    opacity: 0;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

.content-1, .content-3 {
	-webkit-transform: translateX(-250px);
	-moz-transform: translateX(-250px);
	-o-transform: translateX(-250px);
	-ms-transform: translateX(-250px);
	transform: translateX(-250px);
}

.content-2, .content-4 {
    -webkit-transform: translateX(250px);
	-moz-transform: translateX(250px);
	-o-transform: translateX(250px);
	-ms-transform: translateX(250px);
	transform: translateX(250px);
}

.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4 {
    -webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.2s 0.1s;
    -moz-transition: all ease-out 0.2s 0.1s;
    -o-transition: all ease-out 0.2s 0.1s;
    -ms-transition: all ease-out 0.2s 0.1s;
    transition: all ease-out 0.2s 0.1s;
}